// import React, { Component } from "react";
// import "./style.css";
// export default class NavBar extends Component {
//   constructor(props) {
//     super(props);
//   }
//   render() {
//     console.log(this.props.children);
//     return (
//       <div className="navBar">
//         <div className="nav-item nav-left">{this.props.children[0]}</div>
//         <div className="nav-item nav-center">{this.props.children[1]}</div>
//         <div className="nav-item nav-right">{this.props.children[2]}</div>
//       </div>
//     );
//   }
// }

import React, { Component } from "react";
import "./style.css";
export default class NavBar extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="navBar">
        <div className="nav-item nav-left">{this.props.navLeft}</div>
        <div className="nav-item nav-center">{this.props.navCenter}</div>
        <div className="nav-item nav-right">{this.props.navRight}</div>
      </div>
    );
  }
}
